<template>
  <div class="search">
    <!--搜索 -->
    <van-popup v-model="show" position="right" :style="{ height: '100%' , width: '100%' }" overlay="false">
        <van-search
    v-model="value"
    show-action
    placeholder="请输入搜索关键词"
    @search="onSearch"
    @cancel="cancel"
  />
    </van-popup>
  </div>
</template>

<script>
export default {
  name: 'SearchView',
  data() {
    return {
        show:true,
        searchValue:''
    };
  },

  mounted() {
    
  },

  methods: {
    cancel(){
        this.show = false
    },
    onSearch(){

    }
  },
};
</script>

<style scoped>

</style>